<template>
  <div class="info">
    <el-upload
        class="upload-demo"
        drag
        action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
        multiple
        style="width: 50%;"
    >
      <el-icon class="el-icon--upload"><upload-filled /></el-icon>
      <div class="el-upload__text">
        拖拽图片到框内上传或 <em>点击此处上传</em>
      </div>
      <template #tip>
        <div class="el-upload__tip">
          图片大小不可超过500kb
        </div>
      </template>
    </el-upload>
    <el-upload
        class="upload-demo"
        drag
        action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
        multiple
        style="width: 50%"
    >
      <el-icon class="el-icon--upload"><upload-filled/></el-icon>
      <div class="el-upload__text">
        拖拽图片到框内上传或 <em>点击此处上传</em>
      </div>
      <template #tip>
        <div class="el-upload__tip">
          图片大小不可超过500kb
        </div>
      </template>
    </el-upload>
  </div>
</template>
<script>
import { UploadFilled } from '@element-plus/icons-vue'
export default {
  name: 'UpLoad',
  components:{
    UploadFilled,
  }
}
</script>
<style scoped>
.info{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.el-icon--upload{
  height: 420px;
}
</style>
